<template>
  <div class="about-summary">
    <div class="banner">
      <img src="@/assets/images/20200401115954178998.png" alt="" />
    </div>
    <div class="company-info">
      <h2 class="newsDetailTitle">{{ item.title }}</h2>
      <div class="newsSource">
        <span class="Author">作者：江苏众延汽车有限公司【官网】</span>
        <span class="Hits">浏览：{{ item.PageView }}</span>
        <span class="PublishTime">发表时间：{{ item.time }}</span>
      </div>
      <div v-if="index == 0" class="title">
        <p style="margin-bottom: 10px">一、岗位职责：</p>
        <p>
          1.
          负责所在分公司的人才招募，包括但不限于候选人简历的筛选、挖掘，面试预约及面试过程的组织、实施，整理、记录、跟踪面试结果；
        </p>
        <p>2. 负责所在分公司的新人培训与组织；</p>
        <p>
          3.
          负责所在分公司的团队建设工作，营造良好的团队氛围；负责所在分公司的人才发展工作，包括但不限于人才梯队、员工培训；
        </p>
        <p>4. 负责所在分公司的考勤、福利、社保缴金、员工关系等人事事务工作；</p>
        <p>
          5.
          负责所在分公司的固定资产盘点，职场选址、搬迁、卫生、仪容仪表等相关工作；
        </p>
        <p>
          6.
          负责总部各项制度流程的宣导、贯彻和执行；参与奖惩规定等各项规章制度的监督与执行；负责分公司人事档案管理工作；执行总部相关政策，做好行政服务
        </p>
      </div>
      <div v-if="index == 1" class="title">
        <p>一、岗位职责：</p>
        <p style="margin-bottom: 10px">
          包括但不限于发票的收集、整理，发票开具，各类费用（含返利）的报销，资金报表，现金流水，固定资产管理，劳务费申请，纳税申报，（新机构）办理和跟踪银行开户许可及营业执照等
        </p>
        <p>二、任职要求：</p>
        <p>1. 全日制统招本科以上学历，财务相关专业，持有会计从业资格证书；</p>
        <p>2. 一年以上财务相关工作经验，30周岁以内；</p>
        <p>3. 认真负责，忠诚敬业、组织协调、高效执行。</p>
      </div>
      <div v-if="index == 2" class="title">
        <p>
          1.
          协助机构负责人追踪机构各团队销售业绩，协助开展各项销售管理工作；对接总部财务/运营等部门进行各项政策的宣导/监督/反馈；
        </p>
        <p>
          2.
          数据提供：协助机构负责人收集、分析各销售经理、销售顾问的业绩数据，及时汇报数据/反馈结果；
        </p>
        <p>
          3.
          工作追踪：追踪销售经理、销售顾问的业绩达成情况及各项工作完成进度，并及时反馈结果；
        </p>
        <p>
          4. 监督检查：协助机构负责人监督/检查销售人员的销售动作/日常规定动作；
        </p>
        <p>
          5. 通报：跟进机构负责人交办下属的各类工作的完成进度并及时反馈和通报；
        </p>
        <p>6. 行政部分工作、协助人事薪酬复核及其他机构负责人安排的相关工作；</p>
        <p>7. 其他：负责总部各部门需要对接/沟通协调/执行反馈的其他事物。</p>
      </div>
      <div v-if="index == 3" class="title">
        <p style="margin-bottom: 10px">一、岗位职责：</p>
        <p>1. 管理与指导团队，制定有效的业务计划，实施并完成团队业务指标；</p>
        <p>2. 在公司规定的责权范围内实现新渠道开发目标；</p>
        <p>3. 对团队所辖渠道的合作情况进行检视、分析、维护，确保有效合作；</p>
        <p>4. 收集目标渠道的相关信息，进行新渠道的开拓；</p>
        <p>5. 协助销售顾问协调开拓渠道的内部关系；</p>
        <p>
          6. 发现、吸引优秀的人才，并通过有效管理，确保人员的充足性和稳定性；
        </p>
        <p>7. 营销方案激励、实施、跟踪、效果反馈；</p>
        <p>
          8. 团队内各项业务管控措施的实施和推动，落实和执行风险防范相关工作；
        </p>
        <p>9. 其他相关工作。</p>
      </div>
      <div class="shareitem"></div>
      <div class="PrevNext">
        <span class="prev">
          <a v-if="index == 1" href="./position?index=0">上一篇 : 人事经理</a>
          <a v-if="index == 2" href="./position?index=1">上一篇 : 财务专员</a>
          <a v-if="index == 3" href="./position?index=2">上一篇 : 运营专员</a>
        </span>
        <span class="prev">
          <a v-if="index == 0" href="./position?index=1">下一篇 : 财务专员</a>
          <a v-if="index == 1" href="./position?index=2">下一篇 : 运营专员</a>
          <a v-if="index == 2" href="./position?index=3">下一篇 : 销售总监</a>
        </span>
      </div>
    </div>
    <!-- <div class="counter-container">
            <img src="http://www.meiyanauto.com/admin/plugins/flowpackage/html/skinsrc/images/counter/1/2.gif" alt="">
            <img src="http://www.meiyanauto.com/admin/plugins/flowpackage/html/skinsrc/images/counter/1/3.gif" alt="">
            <img src="http://www.meiyanauto.com/admin/plugins/flowpackage/html/skinsrc/images/counter/1/7.gif" alt="">
            <img src="http://www.meiyanauto.com/admin/plugins/flowpackage/html/skinsrc/images/counter/1/2.gif" alt="">
            <img src="http://www.meiyanauto.com/admin/plugins/flowpackage/html/skinsrc/images/counter/1/5.gif" alt="">
        </div> -->
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRoute } from "vue-router";
const route = useRoute();
const newsList = ref([
  {
    title: "人事经理",
    description: "为您的爱车提供全方位的保障...",
    image: "@/assets/images/news1.jpg",
    time: "2020-04-22 18:42:03",
    PageView: "377",
  },
  {
    title: "财务专员",
    description: "当您的车辆出现问题时，我们提供快速响应服务...",
    image: "@/assets/images/news2.jpg",
    time: "2020-04-22 18:41:09",
    PageView: "219",
  },
  {
    title: "运营专员",
    description: "详细解析汽车延保的优势与必要性...",
    image: "@/assets/images/news3.jpg",
    time: "2020-04-22 18:38:31",
    PageView: "235",
  },
  {
    title: "销售总监",
    description: "详细解析汽车延保的优势与必要性...",
    image: "@/assets/images/news3.jpg",
    time: "2020-04-22 17:49:08",
    PageView: "477",
  },
]);

const index = route.query.index;
const item = newsList.value[index];
</script>
<style scoped lang="scss">
p {
  padding: 0px;
  margin: 0;
}

a {
  text-decoration: none;
}

.about-summary {
  .banner {
    img {
      width: 100%; // 示例样式
      height: auto; // 示例样式
    }
  }

  .company-info {
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    position: relative;

    .newsDetailTitle {
      font-size: 18px;
      font-weight: bold;
    }

    .newsDetailTitle::before {
      content: "|";
      margin-right: 5px;
      width: 5px;
      color: red;
      background: red;
    }

    .newsSource {
      color: #999;
      font-size: 12px;
      line-height: 1.875rem;
      border-bottom: 1px solid #eee;
    }

    .shareitem {
      justify-content: flex-end;
      border-bottom-color: #eee;
      border-bottom: 1px solid #e5e5e5;
      padding: 5px 0 20px;
      align-items: center;
      margin: 10px 0 0;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .title {
      color: #333;
      font-size: 14px;
    }

    .PrevNext {
      margin: 20px 0;
      display: flex;
      justify-content: space-between;
    }

    .prev a {
      color: #333;
      font-size: 14px;
    }
  }
}

.counter-container {
  text-align: center;
  margin: 20px 0;
}

.tips-btn {
  width: 300px;
  font-size: 14px;
  text-align: center;
  background: rgba(10, 9, 9, 0.8);
  padding: 4px;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  bottom: 20%;
  left: 40%;
}

.Hits {
  margin: 0 10px;
}
</style>
